<template>
        <el-container style="height:100%">
            <el-aside width="auto">
                <common-aside></common-aside>
            </el-aside>
            <el-container>
                <el-header>
                    <common-header />
                </el-header>

               <body id="poster">
                     <el-main>
                    <table border="1" width="1000px" align="center">
                        <caption> <font size="5px"><br>嘉定校区图书馆馆藏分布概览<br><br></font></caption>
                        <tr align="center" valign="middle" height="30px">
                            <td>楼层</td>
                            <td>馆藏及区域名称</td>
                            <td>相关服务</td>
                        </tr>
                        <tr align="center" valign="middle" height="60px">
                            <td>一楼裙楼南</td>
                            <td>电子阅览室，报告厅</td>
                            <td rowspan="2">可阅览，可预约座位</td>
                        </tr>
                            <tr align="center" valign="middle" height="60px">
                            <td>二楼裙楼南</td>
                            <td>期刊阅览室</td>
                        </tr>
                        <tr align="center" valign="middle" height="60px">
                            <td>一楼裙楼北</td>
                            <td>新书阅览室</td>
                            <td>可阅览，开架可出借</td>
                        </tr>
                            <tr align="center" valign="middle" height="60px">
                            <td>二楼裙楼北</td>
                            <td>马克思主义专题阅览室</td>
                            <td>可阅览，可预约座位</td>
                        </tr>
                        <tr align="center" valign="middle" height="60px">
                            <td>一楼书库</td>
                            <td rowspan="2">非常用书库</td>
                            <td rowspan="3">可阅览</td>
                        </tr>
                        <tr align="center" valign="middle" height="60px">
                            <td>二楼书库</td>
                        </tr>
                        <tr align="center" valign="middle" height="60px">
                            <td>三楼书库</td>
                            <td>科技图书阅览室</td>
                        </tr>
                        <tr align="center" valign="middle" height="60px">
                            <td>一楼阅览楼</td>
                            <td rowspan="2">科技图书阅览室</td>
                            <td rowspan="2">可阅览，可预约座位</td>
                        </tr>
                        
                            <tr align="center" valign="middle" height="60px">
                            <td>二楼阅览楼</td>
                        </tr>
                            <tr align="center" valign="middle" height="60px">
                            <td>五楼主楼南</td>
                            <td>馆长室、情报分析与研究部办公室、学科与知识产权服务部</td>
                            <td rowspan="2">相关咨询</td>
                        </tr>
                            <tr align="center" valign="middle" height="60px">
                            <td>五楼主楼北</td>
                            <td>系统管理部、平台与数据服务部、信息素养教研部</td>
                        </tr>
                            <tr align="center" valign="middle" height="60px">
                            <td>六楼主楼南</td>
                            <td>社科外文阅览室</td>
                            <td rowspan="2">可预约，可阅览</td>
                        </tr>
                            <tr align="center" valign="middle" height="60px">
                            <td>六楼主楼北</td>
                            <td>生物医学图书阅览室</td>
                        </tr>
                            <tr align="center" valign="middle" height="60px">
                            <td>七-九楼</td>
                            <td>社科图书阅览室</td>
                            <td>可预约，可阅览</td>
                        </tr>
                            <tr align="center" valign="middle" height="60px">
                            <td>十楼主楼南</td>
                            <td>闻学堂</td>
                            <td>特殊用途</td>
                        </tr>
                            <tr align="center" valign="middle" height="60px">
                            <td>十楼主楼北</td>
                            <td>特藏部、古籍与特藏文献研究室</td>
                            <td>一般不开放</td>
                        </tr>
                            <tr align="center" valign="middle" height="60px">
                            <td>十一楼主楼南</td>
                            <td rowspan="2">研习室</td>
                            <td rowspan="2">可预约</td>
                        </tr>
                            <tr align="center" valign="middle" height="60px">
                            <td>十一楼主楼北</td>
                        </tr>
                    </table>
                </el-main>
               </body>
            </el-container>
        </el-container>
</template>

<script>
import CommonAside from '../src/components/CommonAside.vue'
import CommonHeader from '../src/components/commonHeader.vue'

    export default{
        name:'Jiading',
        components:{
            CommonAside,
            CommonHeader
        },
        data(){
            return {}
        }
    }

</script>

<style lang="less" scoped>
    .el-main{
        padding-top: 0%;
    }
    .el-header{
        background-color: #1A6BE6;
        margin:0;
        padding:0;
        border:0
        }
    #poster{
        // background-color: aqua;
        background: url('../src/assets/TJU_Jiading.png');
        // opacity: 0.3;
        background-size: 100% 100%;
        margin:0;
        padding:0;
        border:0;
        // position: absolute;
    }
</style>